﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<MvcApplication1.Models.Equipo>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Create
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <form ID="form1">

    <h2>Crear Equipo</h2>

    <%= Html.ValidationSummary("Create was unsuccessful. Please correct the errors and try again.") %>

    <% using (Html.BeginForm()) {%>

        <fieldset>
            <legend>LLene los Campos</legend>
            <p>
                <asp:Label ID="Liga" runat="server" Text="Ingrese la liga en que desea participar:"></asp:Label>
            </p>
            <p>
                <%: Html.Encode(ViewData["Liga"])  %>
            </p>
            <p>
                <asp:Label ID="LabelNombre" runat="server" Text="Ingrese el nombre de su equipo:"></asp:Label>
            </p>
            <p>
                <%= Html.TextBox("Nombre del equipo:") %>
                <%= Html.ValidationMessage("Nombre", "*") %>
            </p>
            <p>
                <asp:Label ID="Label7" runat="server" Text="Email de Contacto:"></asp:Label>
            </p>
            <p>
                <%= Html.TextBox("Email:") %>
                <%= Html.ValidationMessage("Email", "*") %>
            </p>
            <p>
                <asp:Label ID="Label23" runat = "server" Text = "Capitan"></asp:Label>
            </p>
            <p>
                <asp:DropDownList runat="server" ID = "Capitan"></asp:DropDownList>
            </p>
            <p>
                <asp:Label ID="Label1" runat="server" Text="Ingrese el Resto de los Jugadores:"></asp:Label>
            </p>
             <p>
                <asp:Label ID="Label5" runat="server" Text="Nombre:"></asp:Label>
                <asp:Textbox runat="server" id="Nombre" Width="124px"/>
            </p>
            <p>
                <asp:Label ID="Label6" runat="server" Text="Apellido:"></asp:Label>
                <asp:Textbox runat="server" id="Apellido"/>
            </p>
            <p>
                <input type="button" value="Agregar" onclick="prueba()" />
            </p>
            <p>
                <asp:ListBox ID="lbJugadores" runat="server" Height="284px" Width="272px"></asp:ListBox>
                <input type = "button" id="Borrar" value = "Borrar Jugador" onclick="Borrar_onclick()" />
            </p>
            <script language="javascript" type ="text/javascript" >
                function prueba() {
                    var tb = document.getElementById("<%=Nombre.ClientID %>");
                    var tba = document.getElementById("<%= Apellido.ClientID %>");
                    var lb = document.getElementById("<%=lbJugadores.ClientID %>");
                    var drop = document.getElementById("<%= Capitan.ClientID %>");

                    if (tb.value.indexOf(" ") == -1 && tba.value.indexOf(" ") == -1) {
                        var text = tb.value + " " + tba.value;
                        tb.value = "";
                        tba.value = "";

                        var opt = document.createElement("option");
                        var opt2 = document.createElement("option");
                        lb.options.add(opt);
                        drop.options.add(opt2);
                        
                        opt.text = text;
                        opt.value = text;
                        opt2.text = text;
                        opt2.value = text;
                    }
                    else {
                        alert("los campos de nombre y apellido no pueden llevar espacio");
                        tb.value = "";
                        tba.value = "";
                        tb.focus();
                    }
                }

                function Borrar_onclick() {
                    var lb = document.getElementById("<%=lbJugadores.ClientID %>");
                    var drop = document.getElementById("<%= Capitan.ClientID %>");
                    var i;
                    for (i = lb.options.length - 1; i >= 0; i--) {
                        if (lb.options[i].selected) {
                            lb.remove(i);
                            drop.remove(i);
                        }   
                    }
                }

                function ayuda() {
                    var lb = document.getElementById("<%=lbJugadores.ClientID %>");
                    var drop = document.getElementById("<%= Capitan.ClientID %>");
                    var tb = document.getElementById("<%=Nombre.ClientID %>");
                    var ap = document.getElementById("<%=Apellido.ClientID %>");
                    tb.value = "";
                    ap.value = "";
                    var b = 0;
                    for (i = 0; i < lb.length; i++) {
                        if (tb.value == "") {
                            tb.value = lb.options[i].value;
                            b++;
                        }
                        else {
                            tb.value = tb.value + " - " + lb.options[i].value;
                            b++;
                        }

                        if (drop.options[i].selected)
                            ap.value = drop.options[i].value;
                    }

//                    if (b > 7) {
//                        alert("casi");
                        var bt = document.getElementById("submit");
                        bt.click();
//                    }
                    
                }


            </script>
            <p>
                <input type="button" value="Create" onclick="ayuda()" />
                <input type="submit" id="submit" value=""  visible="false" />
            </p>
        </fieldset>

    <% } %>

    <div>
        <%=Html.ActionLink("Back to List", "Index") %>
    </div>

    </form>
</asp:Content>

